.t-popup-search.compact{
  .popup-search_container{
    padding: 0px;
    // padding-top: 0px;
    // padding-bottom: 0px;

    &::after {
      display: none;
    }

    .popup-search_searchbar{
      height: 32px;

      .q-field__prepend {
        height: 32px;
        padding-left: 12px;
        .q-icon{
          font-size: 14px;
        }
      }
      .q-field__control-container{
        height: 32px;
      }

      .q-field__control,
      .q-field__marginal{
        height: 32px;
      }

      .q-field__append button{
        font-size: 14px;
      }
    }
  }
}

.popup-search_container.popup{
  padding: 4px 16px;
  // padding-top: 0px;
  // padding-bottom: 0px;

  &::after {
    display: none;
  }

  .popup-search_searchbar{
    color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理90%透明度*/.9));
    height: 32px;

    input.q-field__native{
      color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理90%透明度*/.9));
    }

    .q-field__prepend {
      height: 32px;
      padding-left: 12px;
      .q-icon{
        font-size: 14px;
      }
    }
    .q-field__control-container{
      height: 32px;
    }

    .q-field__control,
    .q-field__marginal{
      height: 32px;
    }
  }
}

.popup-search_container {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #fff;
  // border-bottom: solid #dfe0e2 1px;


  &::after {
    content: '';
    position: absolute;
    bottom: 0; /* 定位到元素底部 */
    left: 0;
    right: 0;
    height: 1px; /* 下边线的厚度 */
    background-color: #dfe0e2; /* 下边线的颜色 */
  }
}

.popup-search_searchbar {
  border-color: transparent;
  color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理90%透明度*/.9));
  line-height: 22px;

  input.q-field__native{
    color: rgba(0, 0, 0, var(--t-color-opacity, /*批量处理90%透明度*/.9));
  }

  // .q-field__inner.relative-position.self-stretch{
  //   border-radius: 8px;
  // }

  .q-field:hover {
    border-color: transparent;
  }

  .q-field__control {
    border-radius: 4px;
    background-color: #f0f2f5;
    height: 36px;
  }

  .q-field__control,
  .q-field__marginal {
    height: 36px;
  }

  // .q-field__control,.q-field__marginal

  .q-field__control-container {
    input.q-field__native {
      padding-left: 0px;
      padding-right: 0px;
    }
  }

  .q-field__prepend {
    padding-left: 16px;
    padding-right: 4px;
    .q-icon {
      font-size: 16px;
    }
  }

  .q-field__append {
    padding-right: 16px;

  }

  .q-field__append button{
    font-size: 16px;
  }
}
.popup-search_searchbar__totalCountBar {
  background-color: #F9F9FB;
  color: rgba(0, 0, 0, 0.56);
  // line-height: 40px;
  line-height: 37px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 12px;
}

.refScrollTarget{
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #F9F9FB;
}
